<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>青云的小窝</title>
    <link href="style.css" rel="stylesheet" type="text/css">
    <link href="home.css" rel="stylesheet" type="text/css">
</head>
<body>
    <iframe src="header.html" scrolling="no" frameborder="0" width="100%" height="80px" marginwidth="0" marginheight="0"></iframe>
    <div class="main">
        <div class="top-image" style="background-image: url(images/top-image-background.jpg)">
            <div class="image-layer">
                <div class="container">
                    <p class="image-title">欢迎来到青云的小窝</p>
                    <p class="colored-line" style="background: #f16c20;width:150px;"></p>
                </div>
            </div>
        </div>
        <div class="rows">
            <div class="row">
                <div class="title-nd">
                    <h2><a href="blog/index.html">&nbsp;博客文章</a></h2>
                    <p class="colored-line" style="background: #888888;width: 320px;float: left"></p>
                    <a class="title-en" href="blog/index.html">Blog&nbsp;&nbsp;</a>
                </div>
                <div class="article">
                    <p><a class="link" href="blog/article/blog1.html">【从零开始的建站③】搭建WordPress站点</a></p>
                    <p><a class="link" href="blog/article/blog2.html">【从零开始的建站②】配置Apache+MariaDB+PHP</a></p>
                    <p><a class="link" href="blog/article/blog3.html">【从零开始的建站①】购买一台阿里云的学生机</a></p>
                </div>
                <p class="more"><a href="blog/index.html" class="jump">更多...</a></p>
            </div>
            <div class="row">
                <div class="title-nd">
                    <h2><a href="msgboard/index.html">&nbsp;留言板</a></h2>
                    <p class="colored-line" style="background: #888888;width: 320px;float: left"></p>
                    <a class="title-en" href="msgboard/index.html">MessageBoard&nbsp;&nbsp;</a>
                </div>
                <div class="article">
                    <p><a class="link" href="msgboard/index.html">访客1：回复访客3：评论内容</a></p>
                    <p><a class="link" href="msgboard/index.html">访客2：评论内容</a></p>
                    <p><a class="link" href="msgboard/index.html">访客3：评论内容</a></p>
                </div>
                <p class="more"><a href="msgboard/index.html" class="jump">更多...</a></p>
            </div>
            <div class="row">
                <div class="title-nd">
                    <h2><a href="about/index.html">&nbsp;关于</a></h2>
                    <p class="colored-line" style="background: #888888;width: 320px;float: left"></p>
                    <a class="title-en" href="about/index.html">About&nbsp;&nbsp;</a>
                </div>
                <div class="article">
                    <p>姓名：朱悦星</p>
                    <p>昵称：青云桑</p>
                    <p><a class="link" href="">Github：zhuyst</a></p>
                    <p><a class="link" href="">QQ：717619970</a></p>
                </div>
                <p class="more"><a href="about/index.html" class="jump">更多...</a></p>
            </div>
        </div>
    </div>
    <iframe src="footer.html" scrolling="no" frameborder="0" width="100%" height="75px" marginwidth="0" marginheight="0"></iframe>
</body>
</html>